<template>
  <section class="Unfoundpage">
    <div class="center">
      <p>
      </p>
      <p class="title">网络开小差了，刷新下试试吧，或者点击下方的返回首页~</p>
      <p class="gohomebtn">
        <el-button type="primary" icon="el-icon-right"  @click="gohome" v-resetClick>返回首页</el-button>
      </p>
    </div>
  </section>
</template>

<script>
export default {
  data () {
    return {
    }
  },
  methods: {
    gohome () {
      this.$router.push({name: 'home'})
    }
  }
}
</script>

<style lang="less">
.Unfoundpage{
  width: 100%;
  height: 100%;
  position: relative;
  .center{
    width: 800px;
    height: 500px;
    box-sizing: border-box;
    padding: 64px 0 68px 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    .title{
      text-align: center;
      color: #89929F;
      font-size: 16px;
      margin-top: 57px;
    }
  }
 .gohomebtn{
    text-align: center;
    margin-top: 42px;
    button{
      width: 200px;
      height: 50px;
      font-size: 18px;
    }
  }
}
</style>
